/* Setu CSS*/
html { }
body{font-family: Verdana;background-image: url(/images/core/background.jpg); background-repeat: repeat-x repeat-y; background-color: #FFFFFF;}
.clear{clear: both;}

h2 {color: #000; border-bottom: 1px solid #000;}

/* Generic alerts */
#dialog_overlay {display: none; position: absolute; height: 100%; width:100%; left: 0px; top: 0px;background: #2b2922 url(/images/jquery-ui/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x;opacity: .9;filter: Alpha(Opacity=90); z-index: 5999;}
#dialog {display: none; border-radius: 8px; background-color: #f6f4e7; border:1px solid #dfd9c3; font-size: 11px; position: absolute; width: 300px; height: 150px; left: 50%; top: 50%; z-index: 6000; margin-left: -150px; margin-top: -75px; font-family: segoe ui,Arial,sans-serif;}
#dialog #dialog_image{position: absolute; left: 2%; top: 2%; height: 25px; text-align: center; width: 10%;}
#dialog #dialog_title {position: absolute; height: 25px; top: 2%; left:13%; width: 85%; border: 1px solid #d4ccb0;background: #ece8da ;color: #433f38;font-weight: bold; margin-left: -1px; font-size: 11px; border-radius: 8px;}
#dialog #dialog_title #dialog_title_text{position: absolute; left: 2%; top: 0px; height: 100%; width: 50%; text-align: left;}
#dialog #dialog_title #dialog_title_close {position: absolute; right: 2%; height: 70%; top: 15%; border: 1px solid #327E04;background: #459e00 url(/images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;font-weight: bold; color: #FFFFFF; text-align: center; width: 7%; cursor: pointer; border-radius: 6px; font-family: segoe ui,Arial,sans-serif; margin-top: -1px;}
#dialog #dialog_content {position: absolute; height: 73%; bottom: 4%; left: 3%; width: 94%; overflow-y: auto; overflow-x: hidden; margin: 0px; padding:0px;}
#dialog #dialog_content .dialog_line {margin-bottom: 3px;}
#dialog #dialog_content .dialog_line.error {list-style-type: none;background: url('/images/core/error_item.png') no-repeat top left; padding-left: 20px;}

/* Error alert */
#dialog .dialog_error {background: red !important; color: white !important;}
#dialog .dialog_error #dialog_title_close{background: none !important; background-color: white !important; color: red !important;  border-color: white !important;}

/* Generic links */
#footer a {color: #327e04;}
#footer a:visited  {color: #327e04;}
#footer a:active {color: #327e04;}
#footer a:hover {color: #000000;}
a .ui-button-text-icons .ui-button-text{color:#FFFFFF;}
a:hover  .ui-button-text{color:#FFFFFF;}
a:visited  .ui-button-text{color:#FFFFFF;}

/* Generic form */
input {border-radius: 4px; border: 1px solid #dfd9c3; height: 23px;}

/* Fix Jquery Ui absolute positioning z index for menu and other jquery ui stuff */
.ui-menu .ui-menu{z-index: 4000; width: 140px;}
.ui-button:link{color: #FFFFFF !important;}
.ui-widget{font-size: 11px !important;}
input.ui-button{padding: .4em 1em 1.7em 1em !important;}
.ui-dialog {z-index: 7000 !important;}
.ui-widget-overlay {z-index: 7000 !important;}
.ui-datepicker-calendar th span {color: #000000 !important;}

/* Table generics */
table {padding: 2px; margin: 0px; font-size: 12px; border-radius: 8px; background-color: #656565; min-width: 200px;}
table tr{padding: 2px;}
table th{padding-top: 4px; padding-bottom: 4px; border-radius: 8px; color: #FFFFFF;}
table th span {color: #f75555;}
table td{background-color: #FFFFFF; border-radius: 8px; padding: 4px; text-align: center;}
table .center_text{text-align: center;}
table .check_reduce{padding: 0px; margin: 0px;}
table .ui-button-text{font-size: 11px !important;}

table.clean_table {background-color:transparent; border-radius: 0px; padding: 2px;}
table.clean_table tr{padding: 2px;}
table.clean_table th{padding-top: 4px; padding-bottom: 4px; border-radius: 8px; color:#000000;}
table.clean_table td{background-color: transparent; border-radius: 0px; padding: 4px; text-align: left;}

/* Fix for visual stuff until buttones are appended */
#left_menu ul{list-style: none; padding: 0px;}
#left_menu a{color: #000000;}
#left_menu a:visited{color: #000000;}
#header ul{list-style: none; padding: 0px;}
#header a{color: #000000;}
#header a:visited{color: #000000;}

/* Core header */
#header{width: 94%; height: 115px; position: relative; left: 3%; z-index: 3000; min-width: 717px; font-size: 11px;}
#header #header_left_bg{position: absolute;left: 0px; top: 0px; height: 100%; width: 5%; min-width: 12px; background-image: url(/images/core/header_bg_left.png); background-repeat: no-repeat; z-index: 3001;}
#header #header_right_bg{position: absolute;right: 0px; top: 0px; height: 100%; width: 5%; min-width: 12px; background-image: url(/images/core/header_bg_right.png); background-repeat: no-repeat; z-index: 3001; background-position: right top;}
#header #header_middle_bg{position: absolute;left: 4%; top: 0px; height: 100%; width: 92%; background-image: url(/images/core/header_bg_middle.png); background-repeat: repeat-x; z-index: 3002;}
#header #header_logo{position: absolute; top: 0px; width: 50%; height: 100%; left: 10px; z-index: 3003;}
#header #header_menu{position: absolute; left:0px; bottom: 0px; width: 100%; height: 28px; z-index: 3004; text-align: center; margin: auto; font-size: 10px;}
#header .hidden_header{display: none;}

/* Header for user */
#header #header_user{position: absolute; top: 4px; width: 500px; height: 75px; right: 10px; z-index: 3003;}
#header #header_user #header_login{position: absolute; right: 0px; top: 0px; width: 60%; height: 100%; }
#header #header_user #header_login #login_label_username{position: absolute; left: 0px; top: 0px; height: 30%; line-height: 25px; font-weight: bold;}
#header #header_user #header_login #login_input_username{position: absolute; right: 0px; top: 0px; height: 30%;}
#header #header_user #header_login #login_label_password{position: absolute; left: 0px; top: 32%; height: 30%; line-height: 25px; font-weight: bold;}
#header #header_user #header_login #login_input_password{position: absolute; right: 0px; top: 32%; height: 30%;}
#header #header_user #header_login #login_bottom_buttons{position: absolute; bottom: 0px; height: 34%; width: 100%; text-align: right;}
#header #header_user #header_login a {color: #327e04;}
#header #header_user #header_login a:visited  {color: #327e04;}
#header #header_user #header_login a:active {color: #327e04;}
#header #header_user #header_login a:hover {color: #000000;}
#header #header_user #header_logged_in{text-align: right;}

/* Core content */
#page_content{border-radius: 8px; background-color: #f6f4e7; border:1px solid #dfd9c3; font-size: 11px;}
.menu_admin {width: 100%; position: relative; left: 0px; z-index: 3000; min-width: 717px; min-height: 450px;}
.menu_normal{width: 94%; position: relative; left: 3%; z-index: 3000; min-height: 450px;}

/* Left menu */
.menu_normal #left_menu{display: none;}
.menu_admin #left_menu{display: block;}
#content #left_menu{width: 25%; float: left; min-width: 159px; font-size: 11px;}
#content #left_menu #left_menu_separation_bar{width: 159px; height: 25px; background-image: url(/images/core/menu_separation_bars.png); background-repeat: repeat-y; background-repeat-x:no-repeat; background-position: center; margin: auto;}
#content #left_menu #left_menu_content{width: 159px; margin: auto;}
#content #left_menu #left_menu_content #left_menu_top_bg{width:159px; background-image: url(/images/core/menu_left_bg_top.png); height:12px;}
#content #left_menu #left_menu_content #left_menu_middle_bg{width:159px; background-image: url(/images/core/menu_left_bg_middle.png); background-repeat: repeat-y; text-align: center;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list{width: 136px; margin-left: 15px; margin-top: 10px;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li {text-align: left; font-size: 14px; text-align: left; font-weight: bold;text-transform:uppercase; padding-bottom: 15px; position: relative;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li a{text-decoration: none !important; font-family: Arial;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li .divisor{width: 100%; height: 5px; position: relative;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li .divisor .small{position: absolute; left: 0px; top: 2px; height: 1px; width: 100%; background-color: #fea610;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li .divisor .big{width: 30px; height: 5px; background-color: #327e04; position: absolute; left: 0px; top: 0px;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li ul{margin-top: 5px;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li ul a{color: #000000 !important;  font-weight: normal; font-family: Tahoma;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li ul a:hover{color: #327e04 !important;}
#content #left_menu #left_menu_content #left_menu_middle_bg #left_menu_list li ul li{font-size: 11px; margin-left: 10px; text-transform: none; padding-bottom: 2px;}
#content #left_menu #left_menu_content #left_menu_middle_bg #menu_flag{width: 80%; margin: auto; text-align: right;}
#content #left_menu #left_menu_content #left_menu_bottom_bg{width:159px; background-image: url(/images/core/menu_left_bg_bottom.png); height:12px;}

/* Page content holders */
.menu_normal #page_top_holders{width: 100%; float: left; position: relative; height: 25px;}
.menu_admin  #page_top_holders{width: 70%; float: left; position: relative; height: 25px;}
#content #page_top_holders #page_top_holder_left{position: absolute; left: 0px; top: 0px; width: 25%; height: 100%; background-image:url(/images/core/footer_sign_holder.png); background-repeat: repeat-y; background-repeat-x: no-repeat; background-position: center;}
#content #page_top_holders #page_top_holder_right{position: absolute; right: 0px; top: 0px; width: 25%; height: 100%; background-image:url(/images/core/footer_sign_holder.png); background-repeat: repeat-y; background-repeat-x: no-repeat; background-position: center;}

/* Page content */
.menu_normal #page_content{width: 100%; float: left; min-height: 419px; background-image: url(/images/core/brujula.png); background-position: bottom right; background-repeat: no-repeat;}
.menu_admin #page_content{width: 70%; float: left; min-height: 419px; background-image: url(/images/core/brujula.png); background-position: bottom right; background-repeat: no-repeat;}

/* Inside page content */
#page_content_inside{width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px;}

#page_content_inside a{color: #327e04;}
#page_content_inside a:visited{color: #327e04;}
#page_content_inside a:active{color: #327e04;}
#page_content_inside a:hover{color:#000000;}

/* Footer */
#footer{width: 94%; height: 90px; position: relative; left: 3%; z-index: 3000; min-width: 717px; margin-top: 25px;}
#footer #footer_left_bg{position: absolute;left: 0px; top: 0px; height: 100%; width: 5%; min-width: 12px; background-image: url(/images/core/footer_bg_left.png); background-repeat: no-repeat; z-index: 3001;}
#footer #footer_right_bg{position: absolute;right: 0px; top: 0px; height: 100%; width: 5%; min-width: 12px; background-image: url(/images/core/footer_bg_right.png); background-repeat: no-repeat; z-index: 3001; background-position: right top;}
#footer #footer_middle_bg #footer_middle_content{position: absolute; width: 100%; text-align: center; top: 35px;}
#footer #footer_middle_bg{position: absolute;left: 4%; top: 0px; height: 100%; width: 92%; background-image: url(/images/core/footer_bg_middle.png); background-repeat: repeat-x; z-index: 3002; color: #1d4101; font-size: 10px;}
#footer_sign_holders{width: 94%; height: 25px; position: relative; left: 3%; z-index: 3000; min-width: 717px; margin-top: -1px;}
#footer_sign_holders #footer_sign_holder_left{position: absolute; left: 0px; top: 0px; width: 25%; height: 100%; background-image:url(/images/core/footer_sign_holder.png); background-repeat: repeat-y; background-repeat-x: no-repeat; background-position: center;}
#footer_sign_holders #footer_sign_holder_right{position: absolute; right: 0px; top: 0px; width: 25%; height: 100%; background-image:url(/images/core/footer_sign_holder.png); background-repeat: repeat-y; background-repeat-x: no-repeat; background-position: center;}

/* Generic pagination */
.pagination {font-weight: bold;}

/*********** MODULES ***********/

/* Module mapa */
#mapa_creacion_container{min-width: 882px; min-height: 566px; position: relative; font-size: 11px;}
#mapa_loader{position: absolute; left: -8px; top: -8px; width: 100%;  height: 100%; padding: 8px;}
#mapa_loader #mapa_loader_bg{position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; background-color: #000000; z-index: 5000;  opacity: 0.5; filter:alpha(opacity=50); border-radius: 8px;}
#mapa_loader #mapa_loader_content{position: absolute; left: 0px; top: 50%; width: 100%;  height: 100px; text-align: center; z-index: 5001; margin-bottom: -50px; font-size: 18px; font-weight: bold; color: #FFFFFF;}
#nuevo_recorrido_mapa{width:80%; float: left; height: 400px;}
#recorrido_puntos{width:18%; float: right; height: 400px; position: relative;}
#recorrido_puntos #recorrido_puntos_title{position: absolute; left: 5%; top: 0px; width:90%; height: 20px; font-size: 13px; color:#327e04; text-align: center; line-height: 20px; font-weight: bold; border-bottom: 1px solid #327e04; border-bottom: 1px solid #327e04;}
#recorrido_puntos #recorrido_puntos_order{position: absolute; left: 10%; top: 30px; width:80%; height: 360px; overflow-x: hidden; overflow-y: auto; padding: 0px; margin: 0px;}
#recorrido_puntos #recorrido_puntos_order .point{background-color: #FFFFFF; padding: 0px; padding: 2px; border-radius: 8px; cursor:move; background-color: rgb(69, 158, 0); width: 80%; margin: auto; color: #FFFFFF; text-align: center; font-weight: bold;margin-bottom: 3px; position: relative; height: 19px; line-height: 19px;}
#recorrido_puntos #recorrido_puntos_order .point .delete_point {position: absolute; right:4px; top: 3px; height: 15px; width:15px; cursor: pointer;}
#franja_default{height: 300px; overflow: auto;}
#relaciones_referencias {width: 100%; height: 26px; position: relative;background-color: #FFFFFF; border-radius: 8px;border: 1px solid #327e04;}
#relaciones_referencias .point_org{width: 68px; position: absolute; left: 35px; top:0px; text-align: center; font-weight: bold; font-size: 12px; color: #327e04; line-height: 26px;}
#relaciones_referencias .point_dest{width: 68px; position: absolute; left: 109px; top:0px; text-align: center; font-weight: bold; font-size: 12px; color: #327e04; line-height: 26px;}
#relaciones_referencias .point_label{width: 144px; position: absolute; left: 190px; top:0px; text-align: center; font-weight: bold; font-size: 12px; color: #327e04; line-height: 26px;}
#relaciones_referencias .point_time{ width: 88px; position: absolute; left: 345px; top:0px; text-align: center; font-weight: bold; font-size: 12px; color: #327e04; line-height: 26px;}
#relaciones_referencias .franjas_list {width: 378px; position: absolute; height: 22px; right: 33px; top: 2px; }
#relaciones_referencias .franjas_list .ui-widget{font-size: 9px !important;}
#relaciones_referencias .franjas_list #franja_move_left{width: 20px; position: absolute; left: 0px;}
#relaciones_referencias .franjas_list #franja_move_right{width: 20px;  position: absolute; right: 0px;}
#relaciones_referencias .franjas_list #franjas_container{width: 327px; position: absolute; left: 25px; height: 100%; overflow: hidden;}
#relaciones_referencias .franjas_list #franjas_container #franjas_container_foo{width: 150%;}
#relaciones_referencias .franjas_list #franjas_container #franjas_container_foo .franja_reference{width: 106px; height: 20px; float: left; text-align: center; font-weight: bold; line-height: 20px; font-size: 10px;border: 1px solid #327e04; margin-right: 1px; overflow: hidden; color: #215302; border-radius: 4px;}
#relaciones_puntos .route_point{width: 100%; height: 35px; margin-bottom: 5px; position: relative; }
#relaciones_puntos .route_point .point_icon{height: 26px; width: 26px; position: absolute; left: 10px; top:4px;}
#relaciones_puntos .route_point .point_org{height: 24px; width: 68px; position: absolute; left: 35px; top:5px; text-align: center; line-height: 24px; font-weight: bold; font-size: 12px;}
#relaciones_puntos .route_point .point_dest{height: 24px; width: 68px; position: absolute; left: 109px; top:5px; text-align: center; line-height: 24px; font-weight: bold; font-size: 12px;}
#relaciones_puntos .route_point .point_label{height: 20px; width: 144px; position: absolute; left: 190px; top:5px; text-align: center;}
#relaciones_puntos .route_point .point_time{height: 20px; width: 88px; position: absolute; left: 345px; top:3px; text-align: center;}
#relaciones_puntos .route_point .point_time input{width: 50px; text-align: center;}
#relaciones_puntos .route_point .franjas_list {width: 327px; position: absolute; height: 29px; right: 59px; top: 3px; overflow: hidden;}
#relaciones_puntos .route_point .franjas_list .franjas_container_foo{width: 150%; height: 100%;}
#relaciones_puntos .route_point .franjas_list .franjas_container_foo .point_time_franja_value_container{width: 106px; height: 20px; float: left; text-align: center; height: 100%;}
#relaciones_puntos .route_point .franjas_list .franjas_container_foo .point_time_franja_value_container .point_time_value_franja{width: 50px;}

/* Module grupos */
#vehiculos_del_sistema, #vehiculos_por_grupo { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; border: 1px dotted black; width: 96%; margin: auto; margin-top: 4px; margin-bottom: 4px; min-height: 15px; padding: 4px; border-radius: 8px;}
#vehiculos_del_sistema li, #vehiculos_por_grupo li { margin-right: 5px; padding: 5px; font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move;}
#vehiculos_del_sistema .ui-state-highlight, #vehiculos_por_grupo .ui-state-highlight { margin-right: 5px;  font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move; height: 14px;}
.vehiculo_por_grupo{color: #FFFFFF !important;}

/* Module usuarios master */
#datos_acceso{position: absolute; top: 50%; left: 50%; height: 310px; margin-top:-130px; width:400px; margin-left:-200px; border-radius: 8px; background-color: #dfd9c3;  z-index: 5000; padding: 4px; border: 1px solid rgb(41, 102, 5); display: none;}
#datos_acceso #datos_acceso_cerrar{position: absolute; right: 9px; top: 7px; height: 20px;}
#datos_acceso #datos_acceso_nombre{width:380px; background-color: #dfd9c3; padding: 2px; font-weight: bold; font-size: 15px; height: 20px; line-height: 20px; margin-top: 2px; text-align: center; color: rgb(41, 102, 5);}
#datos_acceso #datos_acceso_container{height: 260px; width: 380px;padding: 4px;margin-left: 6px;background-color: #f6f4e7;margin-top: 8px;border-radius: 8px; text-align: center;}

/* Module usuarios seguridad */
#acciones_rol_permitidas, #acciones_rol_no_permitidas, #acciones_sistema { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; border: 1px dotted black; width: 96%; margin: auto; margin-top: 4px; margin-bottom: 4px; min-height: 15px; padding: 4px; border-radius: 8px;display: table;}
#acciones_rol_permitidas li, #acciones_rol_no_permitidas li, #acciones_sistema li{ margin-right: 5px; padding: 5px; font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move !important;  height: 28px; margin-bottom: 2px; display: table-cell; vertical-align: middle;}
#acciones_rol_permitidas .ui-state-highlight, #acciones_rol_no_permitidas .ui-state-highlight, #acciones_sistema .ui-state-highlight { margin-right: 5px;  font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move; height: 28px;}
#acciones_sistema li {background-color:yellow !important; color:#000000; background: none; border: 1px solid black;}
#acciones_sistema .permitted_default {background-color:#459e00  !important; color:white; }
#acciones_rol_no_permitidas li {background-color:red !important; color:white; border: 1px solid black;}
.accion_permitida{background-color:#459e00; padding: 2px; border: 1px solid black; border-radius: 4px; font-weight: bold; cursor: pointer;}
.accion_no_permitida{background-color:red; padding: 2px; border: 1px solid black; border-radius: 4px; color: white; font-weight: bold; cursor: pointer;}
.cambiando_permiso{text-align: center; display: none; height: 20px; line-height: 20px;}
#acciones_usuario_permitidas, #acciones_usuario_no_permitidas, #acciones_sistema { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; border: 1px dotted black; width: 96%; margin: auto; margin-top: 4px; margin-bottom: 4px; min-height: 15px; padding: 4px; border-radius: 8px;display: table;}
#acciones_usuario_permitidas li, #acciones_usuario_no_permitidas li, #acciones_sistema li{ margin-right: 5px; padding: 5px; font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move !important;  height: 28px; margin-bottom: 2px; display: table-cell; vertical-align: middle;}
#acciones_usuario_permitidas .ui-state-highlight, #acciones_usuario_no_permitidas .ui-state-highlight, #acciones_sistema .ui-state-highlight { margin-right: 5px;  font-size: 12px; width: 120px; float: left; text-align: center; font-weight: normal; border-radius:4px; cursor: move; height: 28px;}
#acciones_usuario_no_permitidas li {background-color:red !important; color:white; border: 1px solid black;}

/* Viajes */
#viajes_a_crear {padding: 0px;border: 0px;border-radius: 0px !important;background-color: #FFFFFF;border-spacing: 0px; font-size: 10px;}
#viajes_a_crear td{border-radius: 0px;}

/* Monitoreo */
#locker_buttons{z-index: 5000;position: absolute;left: 0px;top: 0px;text-align: center; width: 90px;}
#locker_buttons #lock_mapa{position: absolute; left: 0px; top: 0px;}
#locker_buttons #unlock_mapa{position: absolute; left: 0px; top: 0px; visibility: hidden;}
#monitoreo_mapa_container{position: absolute; left: 2%; top: 2%; width: 75%; height: 96%;}
#monitoreo_mapa_container #mapa_loader{position: absolute; width: 100%;  height: 100%; left: 0px; top: 0px; padding: 0px;}
#monitoreo_mapa_container #mapa_loader #mapa_loader_bg{position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; background-color: #000000; z-index: 5000;  opacity: 0.5; filter:alpha(opacity=50);}
#monitoreo_mapa_container #mapa_loader #mapa_loader_content{position: absolute; left: 0px; top: 50%; width: 100%;  height: 100px; text-align: center; z-index: 5001; margin-bottom: -50px; font-size: 18px; font-weight: bold; color: #FFFFFF;}
#monitoreo_mapa_container #mapa{position: absolute; width: 100%;  height: 100%; left: 0px; top: 0px; padding: 0px;}
#monitoreo_mapa_container #mapa div[class^='_ibani_']{opacity: 0.4;filter:alpha(opacity=40);}
#monitoreo_mapa_container #mapa div[class*=' _ibani_']{opacity: 0.4;filter:alpha(opacity=40);}
#monitoreo_mapa_container #mapa .stroked_point{opacity: 0.8 !important;filter:alpha(opacity=80) !important; z-index: 1000 !important;}
#monitoreo_mapa_container #mapa .hidden_point{display: none;}
#monitoreo_toolbar{position: absolute; right: 2%; top: 2%; width: 20%; height: 96%;}
#monitoreo_toolbar #info{position: absolute; left: 0px; top: 0px; width: 100%; height: 7%;border-radius: 8px; background-color: #f6f4e7; border:1px solid #dfd9c3; font-size: 12px;}
#monitoreo_toolbar #info #info_content{position: absolute; left: 2%; top: 2%; width: 96%; height: 96%;}
#monitoreo_toolbar #info #info_content #info_logo{position: absolute; left: 0px; top: 0px; width: 45%; height: 100%; text-align: center;}
#monitoreo_toolbar #info #info_content #info_clock{position: absolute; right: 0px; top: 2%; width: 45%; height: 96%; background-color: #c1d8b3; border-radius: 10px; font-weight: bold; color: #143201; text-align: center;}
#monitoreo_toolbar #info #info_content #info_clock #clock_date{position: absolute; left: 0px; bottom: 0px; line-height: 15px; height: 15px; width: 100%; text-align: center; font-size: 10px;}
#monitoreo_toolbar #info #info_content #info_clock #clock_time{position: absolute; left: 0px; top: 50%; font-size: 20px; width: 100%; text-align: center; height: 20px; line-height: 20px; margin-top: -15px;}
#monitoreo_toolbar #ruta_foo{display: none;}
#monitoreo_toolbar #rutas {position: absolute; width: 100%; left: 0px; top: 9%; height: 42%;}
#monitoreo_toolbar #rutas .ui-tabs-panel {overflow: hidden; height: 80%;}
#monitoreo_toolbar #rutas .ruta_info{width: 95%; margin: auto; height: 20px; position: relative; cursor: pointer; margin-top: 3%;}
#monitoreo_toolbar #rutas .ruta_info .ruta_color{position: absolute; left: 0px; top: 50%; width: 100%; height: 6px; margin-top: -3px; opacity: 0.5; filter:alpha(opacity=50);}
#monitoreo_toolbar #rutas .ruta_info .ruta_color_ref{position: absolute; left: 0px; top: 0px; text-align: left; line-height: 20px; z-index: 100; background-color: #f6f4e7; padding-right: 5px; font-weight: bold;}
#monitoreo_toolbar #rutas .ruta_info .ruta_icons{position: absolute; left: 0px; top: -1px; width: 100%; text-align: right; line-height: 20px; z-index: 200; height: 100%;}
#monitoreo_toolbar #rutas .ruta_info .ruta_icons input{padding: 0px; margin: 0px;}
#monitoreo_toolbar #rutas .puntos{height: 90%; width: 100%; overflow-x: hidden; overflow-y: auto; margin-top: 3%;}
#monitoreo_toolbar #rutas .puntos .punto{width: 94%; margin: auto; margin-bottom: 2px; position: relative; height: 20px; cursor: pointer;}
#monitoreo_toolbar #rutas .puntos .punto:hover .punto_bg{opacity: 0.8;filter:alpha(opacity=80); }
#monitoreo_toolbar #rutas .puntos .punto:hover .punto_nombre{font-weight: bold;}
#monitoreo_toolbar #rutas .puntos .punto_bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.4;filter:alpha(opacity=40);}
#monitoreo_toolbar #rutas .puntos .punto_nombre{position: absolute; left: 2%; top: 0px; width: 96%; height: 100%;  line-height: 20px;}
#monitoreo_toolbar #rutas .punto_tiempo{position: absolute; right: 4px; top:0px; height: 20px; line-height: 20px; font-weight: bold; color: #0a1900; font-size: 12px !important;}
#monitoreo_toolbar #vehiculo_foo{display: none;}
#monitoreo_toolbar #vehiculo_punto_foo{display: none;}
#monitoreo_toolbar #vehiculos {position: absolute; width: 100%; left: 0px; top: 54%; height: 45%;}
#monitoreo_toolbar #vehiculos .vehiculo_info{width: 100%; margin: auto; height: 85%; position: relative;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_color{position: absolute; left: 0px; top: 0px; width: 15%; height: 11%; text-align: center;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_nombre{position: absolute; left: 15%; top: 0px; width: 85%; font-weight: bold; font-size: 16px !important;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_conductor{position: absolute; left: 0px; top: 13%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_ruta{position: absolute; left: 0px; top: 18%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_salida{position: absolute; left: 0px; top: 23%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_llegada_esperada{position: absolute; left: 0px; top: 28%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_llegada_real{position: absolute; left: 0px; top: 33%; width: 100%; display: none;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_proximo_punto{position: absolute; left: 0px; top: 33%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_proximo_punto_llegada{position: absolute; left: 0px; top: 38%; width: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info{position: absolute; top: 45%; height: 54%; overflow-x: hidden; overflow-y: auto; width: 100%; left: 0px;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto{width: 98%; height: 18px; background-color: #ffff80; margin: auto; margin-bottom: 3px; position: relative; }
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto_ok{background-color: #459e00 !important;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto_err{background-color: #ff7777 !important;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto .vehiculo_punto_nombre{position: absolute; left: 0px; top: 0px; width: 60%; text-align: center; line-height: 18px; overflow: hidden; height: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto .vehiculo_punto_estado{position: absolute; left: 60%; top: 10%; width: 15%; text-align: center; height: 80%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_puntos_info .vehiculo_punto .vehiculo_punto_hora{position: absolute; left: 75%; top: 0px; width: 25%; text-align: center; line-height: 18px; height: 100%;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_velocidad{position: absolute; right:-9px; top: 9%; height: 17%; width: 21%; text-align: center; background-color: #cc3300; border-radius: 8px; color: #661900; font-weight: bold;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_velocidad .vehiculo_velocidad_value{position: absolute; left: 0px; top: -3px; height: 100%; width: 100%; font-size: 25px !important;}
#monitoreo_toolbar #vehiculos .vehiculo_info .vehiculo_velocidad .vehiculo_velocidad_ref{position: absolute; left: 0px; bottom: 2px; width: 100%;}
.monitoreo_individual #rutas{display: none;}
.monitoreo_individual #vehiculos{top:9% !important; height: 90% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_velocidad{height: 8% !important; top: 5% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_color{height: 6.5% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_conductor{top: 7% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_ruta{top: 10% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_salida{top: 13% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_llegada_esperada{top: 16% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_llegada_real{top: 19% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_proximo_punto{top: 19% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_proximo_punto_llegada{top: 22% !important;}
.monitoreo_individual #vehiculos .vehiculo_info .vehiculo_puntos_info{top: 27% !important; height: 80% !important;}

/* Alertas */
.tabla_alertas {font-size: 11px;}
.tabla_alertas .es_desvio{background-color: red; color: white; font-weight: bold;}
.tabla_alertas .retrasado{background-color: red; color: white; font-weight: bold;}
.tabla_alertas .adelantado{background-color: green; color: white; font-weight: bold;}

/* Usuarios finales */
.usr_row:hover td{background-color: #c3c3c3 !important;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.ui-datepicker table{padding: 0px; margin: 0px; font-size: 11px; border-radius: 0px; min-width: 0; background-color: transparent !important;}
.ui-datepicker table th {color: #312e25 !important;}

.requerido {color:#f75555;}
